<style>
body,.weui_tab_bd {
	background: #f2f2f2;
}
body,.weui_tab_bd{
  background: #f2f2f2;
}
.fff{
	background: #fff;
}
.ccc{
	background: #f2f2f2;
}
</style>
<div class="mobilepage">
<div class="mask" ng-show="show">
    <div class="order_mask">
        <p>
            您选择了<i>{{tutorname}}</i>作为解答您问题的咨询师，请您先
            预存30分钟师资，即 <i>{{amount}}元</i>费用作为预约诚信金。
            提前12小时取消订单可立即返还到您的钱包中。
        </p>
        <span ng-show="p>0">点击查看<a ng-click="go('articleid',{'id':p})">什么是预约诚信金？</a></span>
        <div class="order_mask_bot row mg0">
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="yucun" ng-click="payturn()">立即预存</a>
            </span>
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="fanhui" ng-click="close();">返回</a>
            </span>
        </div>
    </div>
</div>
<div class="mask" ng-show="showfinish">
    <div class="order_mask">
        <p>
            您确认完成咨询  <i>{{tutorname}}</i> 的订单 <i> {{ordersn}}</i>？
        </p>
        <div class="order_mask_bot row mg0">
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="yucun" ng-click="finishdone()">立即完成</a>
            </span>
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="fanhui" ng-click="closefinish();">取消</a>
            </span>
        </div>
    </div>
</div>
<div class="mask" ng-show="show1">
    <div class="order_mask">
        <p>
        您要取消对<i>{{tutorname}}</i>导师的咨询预约吗？在确认开始咨询时间提前12小时取消并对导师留言说明，将不产生费用；否则将扣除“预约诚信金”。
        </p>
        <div class="order_mask_bot row mg0">
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="yucun" ng-click="closecancel();">保持预约</a>
            </span>
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="fanhui" ng-click="cancel();">取消预约</a>
            </span>
        </div>
    </div>
</div>
<div class="top kf_top bb1">
    <span class="back col-lg-1 col-md-1 col-sm-2 col-xs-2">
        <img src="{{localurl}}images/back.png" class="back_img" alt="返回" ng-click="back()">
    </span>
    <span class="order_top col-lg-10 col-md-10 col-sm-8 col-xs-8">
        <a  class="left" ng-class="{on:status==0}" ng-click="go('order1')"><i>进行中</i></a><a  ng-class="{on:status==1}" class="middle" ng-click="go('order2')"><i>待评价</i></a><a  ng-class="{on:status==2}" class="right" ng-click="go('order3')"><i>已结束</i></a>
    </span>
    <span class="menu col-lg-1 col-md-1 col-sm-2 col-xs-2"></span>
</div>
    <div id="viewbd" class="weui_tab_bd" when-scrolled="loadMore()">
<div class="order_main">
    <div class="order_list_none" ng-show="(order==null||order.length<=0)&&!busy">
        <div class="order_list_none_top">
            <img src="{{localurl}}images/layout/order_none.png" alt="">
            <p>您暂时还没有咨询哟</p>
        </div>
        <div class="order_list_none_bot">
            <a  ng-click="go('index')">立即咨询</a>
        </div>
    </div>
    <div class="order_none ng-hide" ng-show="(order==null||order.length<=0)&&busy">
           <img src="{{localurl}}images/loading.gif" alt="" width="12px">
           <p>正在努力加载中</p>
       </div>
    <!--order开始-->
    <div class="order_list" ng-repeat="o in order" id="{{o.consult_tid}}">
        <div class="order_list_top row mg0">
            <span class="left col-lg-6 col-md-6 col-sm-6 col-xs-6">订单号：{{o.order_sn}}</span>
            <span class="right col-lg-6 col-md-6 col-sm-6 col-xs-6">发出时间：{{o.add_time}}</span>
        </div>
        <div class="order_list_bot">
            <div class="order_list_bot_top">
                <p class="order_list_bot_top_p row mg0">
                    <span class="order_list_bot_top_span" ng-class="{on:o.status>=0}">
                        <strong></strong><i class="right"></i>
                        <em>提问</em>
                    </span>
                    <span class="order_list_bot_top_span" ng-class="{on:o.status>=20}">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>咨询师接单</em>
                    </span>
                    <span class="order_list_bot_top_span" ng-class="{on:o.status>=30}">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>诚信金预存</em>
                    </span>
                    <span class="order_list_bot_top_span" ng-class="{on:o.status>=40}">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>互动咨询</em>
                    </span>
                    <span class="order_list_bot_top_span" ng-class="{on:o.status==50}">
                        <i class="left"></i><strong></strong>
                        <em>评价</em>
                    </span>
                </p>
            </div>
            <div class="order_list_bot_middle">
                <div class="order_list_bot_middle_info">
                    <i>{{o.parent_name}}</i><img src="{{localurl}}images/right.png" alt=""><i>{{o.cate_name}}</i>
                     <div class="find_reply_info" ng-show="o.voice_path&&o.voice_size>0">
            			<span ng-click="play(this)"><img src="{{localurl}}images/layout/{{o.playm}}" alt=""><i>{{o.voice_size}}"</i></span>
       				 </div>
                    <h3>{{o.content}}</h3>
                    <span>订单状态：<strong>{{o.state}}</strong></span><span ng-show="o.status<=30">咨询开始时间：<strong>{{o.start_time}}</strong><strong ng-show="o.start_time==''">无</strong></span>
                    <span ng-show="o.status>30">时长：<strong>{{o.order_take_time}}分钟</strong></span>
                    <span ng-show="o.status>30">资费：<strong>{{o.order_amount|price}}</strong></span>
                </div>
            </div>
            <div class="order_list_bot_bot row mg0">
                <a  class="order_list_top_a col-lg-1 col-md-1 col-sm-3 col-xs-4" ng-class="{on:t.status>0 && o.status>0}" ng-repeat="t in o.tutor"
                ng-click="prepay(this)" ng-show="o.tutor_id==t.user_id||o.tutor_id==0">
                    <span ng-show="o.status<40&&o.status!=-1"><i><img ng-src="{{site}}{{t.headimgurl}}" err-src="{{localurl}}images/my/my_header_user.png" alt=""></i></span>
                     <span ng-show="o.status>=40||o.status==-1"><i><img ng-click="go('tutorindex',{'id':o.tutor_id})" ng-src="{{site}}{{t.headimgurl}}" err-src="{{localurl}}images/my/my_header_user.png" alt=""></i></span>
                    <em ng-show="o.status>0&&t.status>0&&o.status<40" ng-class="{onem:o.tutor_id==t.user_id&& o.status>20&&t.status>0 }"><img src="{{localurl}}images/consult/ok.png"></em>
                    <p>{{t.tutor_name}}</p>
                    <strong>{{t.organization}}{{t.position}}</strong>
                    <dfn class="order_list_reply" ng-show="t.status>0 && o.status>0&&o.status<40">
                        <span>{{t.first_price|price}}+ {{t.step_price|price}}/分钟</span>
                        <p>
                            <img src="{{localurl}}images/layout/reply_star_on.png" ng-show="t.star>=1">
                            <img src="{{localurl}}images/layout/reply_star_on.png" ng-show="t.star>=2">
                            <img src="{{localurl}}images/layout/reply_star_on.png" ng-show="t.star>=3">
                            <img src="{{localurl}}images/layout/reply_star_on.png" ng-show="t.star>=4">
                            <img src="{{localurl}}images/layout/reply_star_on.png" ng-show="t.star>=5">
                            <img src="{{localurl}}images/layout/reply_star.png" ng-show="t.star<=4">
                            <img src="{{localurl}}images/layout/reply_star.png" ng-show="t.star<=3">
                            <img src="{{localurl}}images/layout/reply_star.png" ng-show="t.star<=2">
                            <img src="{{localurl}}images/layout/reply_star.png" ng-show="t.star<=1">
                            <img src="{{localurl}}images/layout/reply_star.png" ng-show="t.star<=0">
                        </p>
                        <i>{{t.start_time}}</i>
                    </dfn>
                    <i class="now_reply_on" ng-show="o.status==30" ng-click="finish(o,$event)">完成咨询</i>
                    <i class="now_reply_on" ng-show="o.status==40" ng-click="go('consultevaluation',{'id':o.consult_tid})">立即评价</i>
                    <i class="now_reply" ng-show="o.status==50">已评价</i>
                </a>
                <span class="order_list_right col-lg-11 col-md-11 col-sm-9 col-xs-8" ng-show="o.tutor_id>0&& (o.status>20 || o.status==-1)">
                    <a  ng-click="go('chatmsg',{'id':o.tutor_id,'cid':o.consult_tid})">
                        <div class="row mg0">
                            <img src="{{localurl}}images/layout/message.png" alt="">
                            <p ng-show="o.status<40&&o.status>=0" style="position: relative;">给导师留言<label ng-show="o.msgcount>0" style="background: #FF3030;
    color: #fff;
    padding: 0 6px;
    position: absolute;
    top: -5px;
    right: 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: normal;">{{o.msgcount}}</label></p>
                            <span ng-show="o.status<40&&o.status>=0">建议导师改时间等</span>
                            <h3 ng-show="o.status>=40||o.status==-1">留言记录</h3>
                        </div>
                    </a>
                    <a  ng-class="{bg_black:o.status>=40||o.already==0||o.timeready>0}" ng-show="o.status>0">
                        <div class="row mg0" ng-class="{fff:o.status>=40&&o.video_path!=null&&o.video_path!='',ccc:o.status>=40&&o.video_path==''}">
                        	<img src="{{localurl}}images/layout/video_dis.png" alt="" ng-show="(o.status>=40&&o.video_path==''||o.already==0||o.timeready>0">
                            <img src="{{localurl}}images/layout/step4.png" alt="" ng-show="o.status>=40&&o.video_path!=null&&o.video_path!=''">
                            <img src="{{localurl}}images/layout/step4.png" alt="" ng-show="o.status<40&&o.already>0&&o.timeready<=0">
                            <p ng-show="o.status<40">开始咨询</p>
                            <span ng-show="o.status<40&&o.timeready>0">倒计时：{{o.h}}:{{o.m}}:{{o.s}}</span>
                            <span ng-show="o.status<40&&o.already>0&&o.timeready<=0">(导师已就位)</span>
                            <span ng-show="o.status<40&&o.already<=0&&o.timeready<=0">(等待导师就位)</span>
                            <h3 ng-show="o.status>=40&&o.video_path==''">咨询录播</h3>
                            <h3 ng-click="playvideo(o.video_path)" ng-show="o.status>=40&&o.video_path!=null&&o.video_path!=''" style="background: #fff">咨询录播</h3>
                        </div>
                    </a>
                </span>
            </div>
            
            <div style="padding-left: 15px;border-top: 1px solid #ccc;" class="follow_consultant_bot_toggle" ng-show="o.status>=50&&o.evaluation_time!=null&&o.evaluation_time!=0">
                <dl class="follow_consultant_bot_dl">
                    <dt ng-click="zanclick(this)">
                        <span style="color: #336699">评价内容</span>
                        <a  class="s" ng-class="{us:o.hh>0}" >
                        <span  style="padding-left: 15px;"></span>
                        </a>
                    </dt>
                    <dd class="follow_consultant_bot_dd" ng-show="o.hh>0">
			              <div class="find_reply_bot_user" style="height: auto;background: #f2f2f2;">
			                <span ng-click="go('userindex',{'id':o.user_id})" class="left col-lg-1 col-md-1 col-sm-2 col-xs-2" style="padding-top: 15px;">
			                    <i><img  ng-src="{{site}}{{o.headimgurl}}" err-src="{{localurl}}images/my/my_header_user.png"></i>
			                </span>
			                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
			                    <h3><span style="font-size: 10px;color: #999;">{{o.evaluation_time}}</span></h3>
			                    <div class="find_reply_info" ng-show="o.evaluation_voice&&o.evaluation_size>0">
            						<span style="width: 30%;padding: 0 10px;line-height: 30px;height: 30px;" ng-click="playeva(this)">
            						<img style="margin-top: 5px;" src="{{localurl}}images/layout/{{o.playeva}}" alt=""><i>{{o.evaluation_size}}"</i>
            						</span>
       				 			</div>
                                <span style="font-size: 10px;color: #666;">{{o.evaluation_content}}</span>
			                </span>
			                <div style="clear:both"></div>
			             </div>
                    </dd>
                </dl>
            </div>
            
            
        </div>
    </div>
    <div class="question_more">
        <a  ng-click="go('index')"  ng-repeat="alert in alerts " class="question_more_a">没有最后了</a>
    </div>
    <!--order结束-->
    <div class="order_list" style="display: none">
        <div class="order_list_top row mg0">
            <span class="left col-lg-6 col-md-6 col-sm-6 col-xs-6">订单号:201509260001235</span>
            <span class="right col-lg-6 col-md-6 col-sm-6 col-xs-6">发出时间: 2015-06-25 12:32</span>
        </div>
        <div class="order_list_bot">
            <div class="order_list_bot_top">
                <p class="order_list_bot_top_p row mg0">
                    <span class="order_list_bot_top_span on">
                        <strong></strong><i class="right"></i>
                        <em>提问</em>
                    </span>
                    <span class="order_list_bot_top_span on">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>咨询师接单</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>诚信金预存</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>互动咨询</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong>
                        <em>评价</em>
                    </span>
                </p>
            </div>
            <div class="order_list_bot_middle">
                <div class="order_list_bot_middle_info">
                    <i>互联网化</i><img src="images/right.png" alt=""><i>互联网化协作</i>
                    <h3>如何通过互联网的方式获取客户资源？如何通过互联网的方式获取客户资源？</h3>
                    <span>订单状态:<strong>待支付</strong></span><span>咨询开始时间:<strong>2015-09-23 16.33</strong></span>
                </div>
            </div>
            <div class="order_list_bot_bot row mg0">
                <a  class="order_list_top_a on col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <span><i><img src="images/my/my_header_user.png" alt=""></i></span>
                    <em><img src="images/consult/ok.png" alt=""></em>
                    <p>王强</p>
                    <strong>青岛科技CEO</strong>
                    <dfn class="order_list_reply">
                        <span>¥ 20+ ¥ 5/分钟</span>
                        <p>
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                        </p>
                        <i>20150631 16:33</i>
                    </dfn>
                </a>
                <a  class="order_list_top_a col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <span><i><img src="images/my/my_header_user.png" alt=""></i></span>
                    <em><img src="images/consult/ok.png" alt=""></em>
                    <p>王强</p>
                    <strong>青岛科技CEO</strong>
                </a>
                <a  class="order_list_top_a col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <span><i><img src="images/my/my_header_user.png" alt=""></i></span>
                    <em><img src="images/consult/ok.png" alt=""></em>
                    <p>王强</p>
                    <strong>青岛科技CEO</strong>
                </a>
            </div>
        </div>
    </div>
    <!--order结束-->
    <div class="order_list" style="display: none">
        <div class="order_list_top row mg0">
            <span class="left col-lg-6 col-md-6 col-sm-6 col-xs-6">订单号:201509260001235</span>
            <span class="right col-lg-6 col-md-6 col-sm-6 col-xs-6">发出时间: 2015-06-25 12:32</span>
        </div>
        <div class="order_list_bot">
            <div class="order_list_bot_top">
                <p class="order_list_bot_top_p row mg0">
                    <span class="order_list_bot_top_span on">
                        <strong></strong><i class="right"></i>
                        <em>提问</em>
                    </span>
                    <span class="order_list_bot_top_span on">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>咨询师接单</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>诚信金预存</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong><i class="right"></i>
                        <em>互动咨询</em>
                    </span>
                    <span class="order_list_bot_top_span">
                        <i class="left"></i><strong></strong>
                        <em>评价</em>
                    </span>
                </p>
            </div>
            <div class="order_list_bot_middle">
                <div class="order_list_bot_middle_info">
                    <i>互联网化</i><img src="images/right.png" alt=""><i>互联网化协作</i>
                    <h3>如何通过互联网的方式获取客户资源？如何通过互联网的方式获取客户资源？</h3>
                    <span>订单状态:<strong>待支付</strong></span><span>咨询开始时间:<strong>2015-09-23 16.33</strong></span>
                </div>
            </div>
            <div class="order_list_bot_bot row mg0">
                <a  class="order_list_top_a on col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <span><i><img src="images/my/my_header_user.png" alt=""></i></span>
                    <em><img src="images/consult/ok.png" alt=""></em>
                    <p>王强</p>
                    <strong>青岛科技CEO</strong>
                    <dfn class="order_list_reply">
                        <span>¥ 20+ ¥ 5/分钟</span>
                        <p>
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                            <img src="images/layout/reply_star.png" alt="">
                        </p>
                        <i>20150631 16:33</i>
                    </dfn>
                </a>
                <span class="order_list_right col-lg-8 col-md-8 col-sm-8 col-xs-8">
                    <a >
                        <img src="images/layout/message.png" alt="">
                        <p>给导师留言</p>
                        <span>建议导师改时间等</span>
                    </a>
                    <a  class="bg_black">
                        <img src="images/layout/video_dis.png" alt="">
                        <p>给导师留言</p>
                        <span>建议导师改时间等</span>
                    </a>
                </span>
            </div>
        </div>
    </div>
</div>
    </div>
</div>